// 说明 ： 该页面的样式和missionInfo.less 基本一致 （deviceHandle + 自定义）

// 因为这里和deviceManage 中的是相同的所以可以引入  deviceManage 里面的 css
@import "../../../assets/less/global_style";
@import "../../deviceManage/less/deviceHandle.less";



// 生成的表格  --  这里的其余样式 在deviceHandle.less 中可以找到
#tableRelate {
  .table-nav {
    .form-group {
      float: left;
      margin-right: 5px;
    }
    button {
      float: right;
    }
  }
  .table-wrap {
    table tr {
      td:nth-last-child(1) {
        button:nth-child(1) {
          background-color: green;
          margin-right: 15px;
        }
        button:nth-child(2) {
          background-color: red;
        }
      }
    }
  }
}

.layui-layer-page {
  height: 400px;
  width: 400px;

  .control-layer {
    padding:5px 10px;

    .layer-describe {

      div {
        overflow: hidden;

        p{
          display: inline-block;
          float: left;
          margin-right: 20px;

          span:nth-child(3) {
            font: @font14;
          }
        }
        p:nth-child(2) {
          float: right;
          span:nth-child(3) {
            color: green;
          }
        }
      }
    }
    .details {
      width: calc(~"100% - 40px");
      height: 240px;
      margin-top: 10px;
      position: absolute;

      div {
        width: 300px;
        height: 200px;
        position: absolute;
        .block-top-center();
        .block-left-center();
        transform: translate(-50%, -50%);
        background-color: orange;
      }
    }
  }
}

